


<!DOCTYPE html>
<html lang="zh-cn">
<head>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-878633-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-878633-1');
</script>

<meta charset="gbk" />
<meta name="robots" content="all" />
<meta name="author" content="w3school.com.cn" />
<link rel="stylesheet" type="text/css" href="/c5.css" />

<link rel="icon" type="image/png" sizes="16x16" href="/ui2019/logo-16-red.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ui2019/logo-32-red.png">
<link rel="icon" type="image/png" sizes="48x48" href="/ui2019/logo-48-red.png">
<link rel="icon" type="image/png" sizes="96x96" href="/ui2019/logo-96-red.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/ui2019/logo-180.png">


<title>HTML DOM Document 对象</title>

<script>
	function getInfor(){
		alert("原来的标题："+document.title);
		document.title="老刘的第三个网页";
		var ar=window.document.all;
		alert("此网页共有元素："+ar.length+"个");
		var linkar=document.links;
		alert("此网页共有链接："+linkar.length+"个");	
		alert("表单："+document.forms.length+"个,图片:"+document.images.length+"个");
		
		alert("从哪里过来的："+document.referrer);
		alert(document.URL);
		
	}
</script>
</head>

<body class="browserscripting" id="jsref">
<input type="button" value="获得元素信息" onclick="getInfor()"/>

<div id="wrapper">

<div id="header">
<a id="logo" href="/index.html" title="w3school 在线教程" style="float:left;">w3school 在线教程</a>
<div id="sp_header">
<a id="sp_header_link" href="https://course.tzweb.vip/webm/big.html#/" target="_blank"></a>
</div>
</div>

<div id="navfirst">
<ul id="menu">
<li id="h"><a href="/h.asp" title="HTML 系列教程">HTML 系列教程</a></li>
<li id="b"><a href="/b.asp" title="浏览器脚本教程">浏览器脚本</a></li>
<li id="s"><a href="/s.asp" title="服务器脚本教程">服务器脚本</a></li>
<li id="p"><a href="/p.asp" title="编程教程">编程教程</a></li>
<li id="x"><a href="/x.asp" title="XML 系列教程">XML 系列教程</a></li>
<li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
<li id="r"><a href="/r.asp" title="参考手册">参考手册</a></li>
</ul>
</div>

<div id="navsecond">

<div id="course"><h2>JS & DOM 参考手册</h2>
<ul>
<li><a href="/jsref/index.asp" title="JavaScript 和 HTML DOM 参考手册">参考手册目录</a></li>
</ul>
<h2>JavaScript 对象</h2>
<ul>
<li><a href="/jsref/jsref_obj_array.asp" title="JavaScript Array 对象参考手册">JS Array</a></li>
<li><a href="/jsref/jsref_obj_boolean.asp" title="JavaScript Boolean 对象参考手册">JS Boolean</a></li>
<li><a href="/jsref/jsref_obj_date.asp" title="JavaScript Date 对象参考手册">JS Date</a></li>
<li><a href="/jsref/jsref_obj_math.asp" title="JavaScript Math 对象的参考手册">JS Math</a></li>
<li><a href="/jsref/jsref_obj_number.asp" title="JavaScript Number 对象参考手册">JS Number</a></li>
<li><a href="/jsref/jsref_obj_string.asp" title="JavaScript String 对象参考手册">JS String</a></li>
<li><a href="/jsref/jsref_obj_regexp.asp" title="JavaScript RegExp 对象参考手册">JS RegExp</a></li>
<li><a href="/jsref/jsref_obj_global.asp" title="JavaScript 全局对象参考手册">JS Functions</a></li>
<li><a href="/jsref/jsref_events.asp" title="JavaScript 事件参考手册">JS Events</a></li>
</ul>
<h2>Browser 对象</h2>
<ul>
<li><a href="/jsref/dom_obj_window.asp" title="HTML DOM Window 对象">Window</a></li>
<li><a href="/jsref/dom_obj_navigator.asp" title="HTML DOM Navigator 对象">Navigator</a></li>
<li><a href="/jsref/dom_obj_screen.asp" title="HTML DOM Screen 对象">Screen</a></li>
<li><a href="/jsref/dom_obj_history.asp" title="HTML DOM History 对象">History</a></li>
<li><a href="/jsref/dom_obj_location.asp" title="HTML DOM Location 对象">Location</a></li>
</ul>
<h2>HTML DOM 对象</h2>
<ul>
<li class="currentLink"><a href="/jsref/dom_obj_document.asp" title="HTML DOM Document 对象">DOM Document</a></li>
<li><a href="/jsref/dom_obj_all.asp" title="HTML DOM Element 对象">DOM Element</a></li>
<li><a href="/jsref/dom_obj_attributes.asp" title="HTML DOM Attribute 对象">DOM Attribute</a></li>
<li><a href="/jsref/dom_obj_event.asp" title="HTML DOM Event 对象">DOM Event</a></li>
</ul>
<h2>HTML 对象</h2>
<ul>
<li><a href="/jsref/dom_obj_anchor.asp" title="HTML DOM Anchor 对象">&lt;a&gt;</a></li>
<li><a href="/jsref/dom_obj_area.asp" title="HTML DOM Area 对象">&lt;area&gt;</a></li>
<li><a href="/jsref/dom_obj_audio.asp" title="HTML DOM Audio 对象">&lt;audio&gt;</a></li>
<li><a href="/jsref/dom_obj_base.asp" title="HTML DOM Base 对象">&lt;base&gt;</a></li>
<li><a href="/jsref/dom_obj_body.asp" title="HTML DOM Body 对象">&lt;body&gt;</a></li>
<li><a href="/jsref/dom_obj_blockquote.asp" title="HTML DOM Blockquote 对象">&lt;blockquote&gt;</a></li>
<li><a href="/jsref/dom_obj_pushbutton.asp" title="HTML DOM Button 对象">&lt;button&gt;</a></li>
<li><a href="/jsref/dom_obj_canvas.asp" title="HTML DOM Canvas 对象">&lt;canvas&gt;</a></li>
<li><a href="/jsref/dom_obj_col.asp" title="HTML DOM Column 对象">&lt;col&gt;</a></li>
<li><a href="/jsref/dom_obj_colgroup.asp" title="HTML DOM ColumnGroup 对象">&lt;colgroup&gt;</a></li>
<li><a href="/jsref/dom_obj_datalist.asp" title="HTML DOM Datalist 对象">&lt;datalist&gt;</a></li>
<li><a href="/jsref/dom_obj_del.asp" title="HTML DOM Del 对象">&lt;del&gt;</a></li>
<li><a href="/jsref/dom_obj_details.asp" title="HTML DOM Details 对象">&lt;details&gt;</a></li>
<li><a href="/jsref/dom_obj_dialog.asp" title="HTML DOM Dialog 对象">&lt;dialog&gt;</a></li>
<li><a href="/jsref/dom_obj_embed.asp" title="HTML DOM Embed 对象">&lt;embed&gt;</a></li>
<li><a href="/jsref/dom_obj_fieldset.asp" title="HTML DOM Fieldset 对象">&lt;fieldset&gt;</a></li>
<li><a href="/jsref/dom_obj_form.asp" title="HTML DOM Form 对象">&lt;form&gt;</a></li>
<li><a href="/jsref/dom_obj_frame.asp" title="HTML DOM Frame 对象">&lt;frame&gt;</a></li>
<li><a href="/jsref/dom_obj_frameset.asp" title="HTML DOM Frameset 对象">&lt;frameset&gt;</a></li>
<li><a href="/jsref/dom_obj_iframe.asp" title="HTML DOM IFrame 对象">&lt;iframe&gt;</a></li>
<li><a href="/jsref/dom_obj_image.asp" title="HTML DOM Image 对象">&lt;img&gt;</a></li>
<li><a href="/jsref/dom_obj_ins.asp" title="HTML DOM Ins 对象">&lt;ins&gt;</a></li>
<li><a href="/jsref/dom_obj_button.asp" title="HTML DOM Button 对象">&lt;input&gt; button</a></li>
<li><a href="/jsref/dom_obj_checkbox.asp" title="HTML DOM Checkbox 对象">&lt;input&gt; checkbox</a></li>
<li><a href="/jsref/dom_obj_color.asp" title="HTML DOM Color 对象">&lt;input&gt; color</a></li>
<li><a href="/jsref/dom_obj_date.asp" title="HTML DOM Input Date 对象">&lt;input&gt; date</a></li>
<li><a href="/jsref/dom_obj_datetime.asp" title="HTML DOM Datetime 对象">&lt;input&gt; datetime</a></li>
<li><a href="/jsref/dom_obj_datetime-local.asp" title="HTML DOM Datetime Local 对象">&lt;input&gt; datetime-local</a></li>
<li><a href="/jsref/dom_obj_email.asp" title="HTML DOM Email 对象">&lt;input&gt; email</a></li>
<li><a href="/jsref/dom_obj_fileupload.asp" title="HTML DOM FileUpload 对象">&lt;input&gt; file</a></li>
<li><a href="/jsref/dom_obj_hidden.asp" title="HTML DOM Hidden 对象">&lt;input&gt; hidden</a></li>
<li><a href="/jsref/dom_obj_input_image.asp" title="HTML DOM Input Image 对象">&lt;input&gt; image</a></li>
<li><a href="/jsref/dom_obj_month.asp" title="HTML DOM Month 对象">&lt;input&gt; month</a></li>
<li><a href="/jsref/dom_obj_number.asp" title="HTML DOM Number 对象">&lt;input&gt; number</a></li>
<li><a href="/jsref/dom_obj_password.asp" title="HTML DOM Password 对象">&lt;input&gt; password</a></li>
<li><a href="/jsref/dom_obj_range.asp" title="HTML DOM Input Range 对象">&lt;input&gt; range</a></li>
<li><a href="/jsref/dom_obj_radio.asp" title="HTML DOM Radio 对象">&lt;input&gt; radio</a></li>
<li><a href="/jsref/dom_obj_reset.asp" title="HTML DOM Reset 对象">&lt;input&gt; reset</a></li>
<li><a href="/jsref/dom_obj_search.asp" title="HTML DOM Input Search 对象">&lt;input&gt; search</a></li>
<li><a href="/jsref/dom_obj_submit.asp" title="HTML DOM Submit 对象">&lt;input&gt; submit</a></li>
<li><a href="/jsref/dom_obj_text.asp" title="HTML DOM Text 对象">&lt;input&gt; text</a></li>
<li><a href="/jsref/dom_obj_input_time.asp" title="HTML DOM Input Time 对象">&lt;input&gt; time</a></li>
<li><a href="/jsref/dom_obj_url.asp" title="HTML DOM Input URL 对象">&lt;input&gt; url</a></li>
<li><a href="/jsref/dom_obj_week.asp" title="HTML DOM Week 对象">&lt;input&gt; week</a></li>
<li><a href="/jsref/dom_obj_keygen.asp" title="HTML DOM Keygen 对象">&lt;keygen&gt;</a></li>
<li><a href="/jsref/dom_obj_label.asp" title="HTML DOM Label 对象">&lt;label&gt;</a></li>
<li><a href="/jsref/dom_obj_legend.asp" title="HTML DOM Legend 对象">&lt;legend&gt;</a></li>
<li><a href="/jsref/dom_obj_li.asp" title="HTML DOM Li 对象">&lt;li&gt;</a></li>
<li><a href="/jsref/dom_obj_link.asp" title="HTML DOM Link 对象">&lt;link&gt;</a></li>
<li><a href="/jsref/dom_obj_map.asp" title="HTML DOM Map 对象">&lt;map&gt;</a></li>
<li><a href="/jsref/dom_obj_menu.asp" title="HTML DOM Menu 对象">&lt;menu&gt;</a></li>
<li><a href="/jsref/dom_obj_menuitem.asp" title="HTML DOM MenuItem 对象">&lt;menuitem&gt;</a></li>
<li><a href="/jsref/dom_obj_meta.asp" title="HTML DOM Meta 对象">&lt;meta&gt;</a></li>
<li><a href="/jsref/dom_obj_meter.asp" title="HTML DOM Meter 对象">&lt;meter&gt;</a></li>
<li><a href="/jsref/dom_obj_object.asp" title="HTML DOM Object 对象">&lt;object&gt;</a></li>
<li><a href="/jsref/dom_obj_ol.asp" title="HTML DOM Ol 对象">&lt;ol&gt;</a></li>
<li><a href="/jsref/dom_obj_optgroup.asp" title="HTML DOM OptionGroup 对象">&lt;optgroup&gt;</a></li>
<li><a href="/jsref/dom_obj_option.asp" title="HTML DOM Option 对象">&lt;option&gt;</a></li>
<li><a href="/jsref/dom_obj_param.asp" title="HTML DOM Parameter 对象">&lt;param&gt;</a></li>
<li><a href="/jsref/dom_obj_progress.asp" title="HTML DOM Progress 对象">&lt;progress&gt;</a></li>
<li><a href="/jsref/dom_obj_quote.asp" title="HTML DOM Quote 对象">&lt;q&gt;</a></li>
<li><a href="/jsref/dom_obj_script.asp" title="HTML DOM Script 对象">&lt;script&gt;</a></li>
<li><a href="/jsref/dom_obj_select.asp" title="HTML DOM Select 对象">&lt;select&gt;</a></li>
<li><a href="/jsref/dom_obj_source.asp" title="HTML DOM Source 对象">&lt;source&gt;</a></li>
<li><a href="/jsref/dom_obj_style.asp" title="HTML DOM Style 对象">&lt;style&gt;</a></li>
<li><a href="/jsref/dom_obj_table.asp" title="HTML DOM Table 对象">&lt;table&gt;</a></li>
<li><a href="/jsref/dom_obj_tabledata.asp" title="HTML DOM TableCell 对象">&lt;td&gt;</a></li>
<li><a href="/jsref/dom_obj_tablehead.asp" title="HTML DOM TableHeader 对象">&lt;th&gt;</a></li>
<li><a href="/jsref/dom_obj_tablerow.asp" title="HTML DOM TableRow 对象">&lt;tr&gt;</a></li>
<li><a href="/jsref/dom_obj_textarea.asp" title="HTML DOM Textarea 对象">&lt;textarea&gt;</a></li>
<li><a href="/jsref/dom_obj_time.asp" title="HTML DOM Time 对象">&lt;time&gt;</a></li>
<li><a href="/jsref/dom_obj_title.asp" title="HTML DOM Title 对象">&lt;title&gt;</a></li>
<li><a href="/jsref/dom_obj_track.asp" title="HTML DOM Track 对象">&lt;track&gt;</a></li>
<li><a href="/jsref/dom_obj_video.asp" title="HTML DOM Video 对象">&lt;video&gt;</a></li>
</ul>
</div><div id="selected">
<h2>建站手册</h2>
<ul>
<li><a href="/site/index.asp" title="网站构建">网站构建</a></li>
<li><a href="/w3c/index.asp" title="万维网联盟 (W3C)">万维网联盟 (W3C)</a></li>
<li><a href="/browsers/index.asp" title="浏览器信息">浏览器信息</a></li>
<li><a href="/quality/index.asp" title="网站品质">网站品质</a></li>
<li><a href="/semweb/index.asp" title="语义网">语义网</a></li>
<li><a href="/careers/index.asp" title="职业规划">职业规划</a></li>
<li><a href="/hosting/index.asp" title="网站主机">网站主机</a></li>
</ul>

<h2 id="link_about"><a href="/about/index.asp" title="关于 W3School" target="_blank">关于 W3School</a></h2>
<h2 id="link_help"><a href="/about/about_helping.asp" title="帮助 W3School" target="_blank">帮助 W3School</a></h2>
<h2 id="link_help"><a href="/ad.html" title="W3School 广告刊例" target="_blank">广告刊例</a></h2>


</div>

</div>

<div id="maincontent">

<h1>HTML DOM Document 对象</h1>


<div>
<h2>Document 对象</h2>

<p>每个载入浏览器的 HTML 文档都会成为 Document 对象。</p>

<p>Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。</p>

<p class="tip"><span>提示：</span>Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。</p>
</div>


<div>
<h2>Document 对象集合</h2>
<table class="dataintable">
  <tr>
    <th style="width:30%">集合</th>
    <th>描述</th>
  </tr>
  <tr>
    <td><a href="/jsref/coll_doc_all.asp">all[]</a></td>
    <td>提供对文档中所有 HTML 元素的访问。</td>
  </tr>
  <tr>
    <td><a href="/jsref/coll_doc_anchors.asp">anchors[]</a></td>
    <td>返回对文档中所有 Anchor 对象的引用。</td>
  </tr>
  <tr>
    <td>applets</td>
    <td>返回对文档中所有 Applet 对象的引用。</td>
  </tr>
  <tr>
    <td><a href="/jsref/coll_doc_forms.asp">forms[]</a></td>
    <td>返回对文档中所有 Form 对象引用。</td>
  </tr>
  <tr>
    <td><a href="/jsref/coll_doc_images.asp">images[]</a></td>
    <td>返回对文档中所有 Image 对象引用。</td>
  </tr>
  <tr>
    <td><a href="/jsref/coll_doc_links.asp">links[]</a></td>
    <td>返回对文档中所有 Area 和 Link 对象引用。</td>
  </tr>
  </table>
</div>


<div>
<h2>Document 对象属性</h2>

<table class="dataintable">
  <tr>
    <th style="width:30%">属性</th>
    <th>描述</th>
  </tr>
  <tr>
    <td>body</td>
    <td><p>提供对 &lt;body&gt; 元素的直接访问。</p><p>对于定义了框架集的文档，该属性引用最外层的 &lt;frameset&gt;。</p></td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_cookie.asp">cookie</a></td>
    <td>设置或返回与当前文档有关的所有 cookie。</td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_domain.asp">domain</a></td>
    <td>返回当前文档的域名。</td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_lastmodified.asp">lastModified</a></td>
    <td>返回文档被最后修改的日期和时间。</td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_referrer.asp">referrer</a></td>
    <td>返回载入当前文档的文档的 URL。</td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_title.asp">title</a></td>
    <td>返回当前文档的标题。</td>
  </tr>
  <tr>
    <td><a href="/jsref/prop_doc_url.asp">URL</a></td>
    <td>返回当前文档的 URL。</td>
  </tr>
  </table>
</div>


<div>
<h2>Document 对象方法</h2>

<table class="dataintable">
  <tr>
    <th style="width:30%">方法</th>
    <th>描述</th>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_close.asp">close()</a></td>
    <td>关闭用  document.open() 方法打开的输出流，并显示选定的数据。</td>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_getelementbyid.asp">getElementById()</a></td>
    <td>返回对拥有指定 id 的第一个对象的引用。</td>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_getelementsbyname.asp">getElementsByName()</a></td>
    <td>返回带有指定名称的对象集合。</td>
  </tr>
  <tr>
    <td class="no_wrap"><a href="met_doc_getelementsbytagname.asp">getElementsByTagName()</a></td>
    <td>返回带有指定标签名的对象集合。</td>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_open.asp">open()</a></td>
    <td>打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。</td>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_write.asp">write()</a></td>
    <td>向文档写 HTML 表达式 或 JavaScript 代码。</td>
  </tr>
  <tr>
    <td><a href="/jsref/met_doc_writeln.asp">writeln()</a></td>
    <td>等同于 write() 方法，不同的是在每个表达式之后写一个换行符。</td>
  </tr>
  </table>
</div>


<div>
<h2>Document 对象描述</h2>

<p>HTMLDocument 接口对 DOM Document 接口进行了扩展，定义 HTML 专用的属性和方法。</p>

<p>很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。</p>

<p>这些集合属性都源自于 0 级 DOM。它们已经被 <a href="/jsref/met_doc_getelementsbytagname.asp">Document.getElementsByTagName()</a> 所取代，但是仍然常常使用，因为他们很方便。</p>

<p><a href="/jsref/met_doc_write.asp">write() 方法</a>值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。</p>

<p>注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 <a href="/jsref/met_doc_getelementbyid.asp">getElementById()</a> 的非常有用的方法。在 2 级 DOM 中，该方法已经被转移到了 Document 接口，它现在由 HTMLDocument 继承而不是由它定义了。</p>
</div>


<div id="sp_footer">
<a id="sp_footer_link" href="https://datayi.cn/w/koj18KPK" title="VUE 进阶教程" target="_blank">VUE 进阶教程</a>
</div>

</div>
<!-- maincontent end -->

<div id="sidebar">

<div id="tools">
<h5 id="tools_reference"><a href="/jsref/index.asp">JavaScript 参考手册</a></h5>
<h5 id="tools_example"><a href="/example/jseg_examples.asp">JavaScript 实例</a></h5>
<h5 id="tools_quiz"><a href="/js/js_quiz.asp">JavaScript 测验</a></h5>
</div>

<div id="sp_sidebar">

<div id="sps_1">
<a id="sps_1_link" href="https://www.bat888.cn/cnblog/?from=singlemessage&isappinstalled=0" target="_blank"></a>
</div>

</div>

</div>

<div id="footer">
<p id="p1">
W3School 简体中文版提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。
</p>

<p id="p2">
使用条款和隐私条款。版权所有，保留一切权利。
赞助商：<a href="https://www.ykinvestment.com/">上海赢科投资有限公司</a>。
<a target="_blank" href="https://www.miitbeian.gov.cn/">蒙ICP备06004630号</a>
<a style="color: #000; margin-left: 20px;" href="/ad.html" target="_blank" title="W3School 广告刊例">广告刊例</a>
</p>
</div>


</div>
<!-- wrapper end -->

</body>

</html>